<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>MyFeed - Accessibility Help</title>
<link rel="stylesheet" href="css/common.css" type="text/css" />
<link rel="stylesheet" href="css/rss_info.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/IE6fix/common_ie6fix.css" type="text/css" />
<![endif]--> 
<script src="js/common.js" type="text/javascript"></script>
</head>
<body lang="en-us">
<div id="header">
    <h1 id="logo"><span>MyFeed (beta) - Accessibility help</span></h1>
</div>

<div class="access_help">
    <a href="#tab_wrapper" accesskey="c" class="access_help">Jump to content in this page</a> |
  <a href="#nav_list" accesskey="n">Jump to navigation menu in this page</a> |
  <a href="#access_tips" accesskey="l">Jump to accessibility tips</a>
</div>

<div id="alt">
      <ul>
        <li><a href="mobiles/index.html">Mobiles</a></li>
        <li><a href="#">Text Only</a></li>
        <li><a href="access_help.html">Accessibility Help</a></li>
      </ul>
    </div>

<div id="navbar">
     <!--   <form action="#" method="post">
	    <fieldset><legend>Login</legend>
		<label for="nav_username">username</label><input accesskey="u" class="username" id="nav_username" type="text" />
		<label for="nav_password">password</label><input accesskey="p" class="password" id="nav_password" type="password"/>
		<input class="submit" type="submit" value="login"/>
	    </fieldset>
        </form> -->
   <a id="your_feeds_link" href="main_app.html">Go To Your Feeds!</a>     
        
	<ul id="nav_list">
	    <li><a href="index.html" accesskey="o">H<span class="underlined">o</span>me</a></li>
	    <li><a href="signup.html" accesskey="s"><span class="underlined">S</span>ign Up</a></li>
	    <li><a href="help.html" accesskey="h"><span class="underlined">H</span>elp</a></li>    
	    <li><a href="about.html" accesskey="a"><span class="underlined">A</span>bout</a></li>
	    <li><a href="sitemap.html"  accesskey="m">Site<span class="underlined">m</span>ap</a></li>
	</ul>
</div>	

<div id="tab_wrapper">
    <p class="site_pos">You are here:  <a href="index.html">Home</a> -&gt; <a href="help.html">Help</a> -&gt; Acessibility Help</p>
    <h1>Accessibility Help Page</h1>
    <h2>On accessibility</h2>
			<p>MyFeed creation team put a great effort in making this website accessible for everyone. To grant the completion of this objective, we followed the standard <a href="http://www.w3.org/WAI/intro/wcag.php">WCAG rules</a> as defined by <a href="http://www.w3.org/">W3C</a>.</p>   
    <h2>Useful tips</h2>
      <h3>Surfing with the keyboard 1 - Common Shortcuts</h3>
    		<p>We also thought about you who are navigating this website with no mouse. In every page there are common keyboard shortcuts that make keyboard surfing very quick, even quicker than the mouse navigation.</p>
    		<p>Here are the common shortcuts (here we put the letter, the keys combination depend on you preferences on your browser): </p>
          <ul>
            <li>with <em>l</em> you reach the accessibility help, where there are particular advices and shortcuts for navigating that particular page</li>
            <li>with <em>c</em> you reach immediately the main content of the page, jumping over the navigation and the accessibility help</li>
            <li>with <em>n</em> you reach immediately thte navigation section, with links to other pages.</li>
            <li>with <em>h</em> you exit the page and go to the main help page</li>
            <li>with <em>o</em> you go to the home page</li>
            <li>with <em>s</em> you go to the signup page</li>
          </ul>
				<p class="top_link"><a href="#tab_wrapper">Top</a></p>
    	<h3>Surfing with the keyboard 2 - Shurtcuts while reading your feeds</h3>
      	<p>While reading your feeds, there are some shurtcuts that can make your life easier (here we put the letter, the keys combination depend on you preferences on your browser):</p>
        <ul>
        	<li>with <em>f</em> you reach the list of the feeds that you subscribed, so you can select one to see it's items</li>
          <li>with <em>i</em> you reach the list of the items of the feed you previously selected</li>
          <li>with <em>n</em> you reach the content of the item you selected</li>
        </ul>
        <p>These three keys combined with TAB key lets you move within the page very quickly.</p>
        <p class="top_link"><a href="#tab_wrapper">Top</a></p>
   	<h2>Mobiles</h2>
    	<h3>What mobile do I need to navigate correctly?</h3>
   			<p>This site is mobile phone compliant for the most mobiles available. There certainly are some requirements:</p>
        	<ul>
          	<li>Javascript enabled</li>  
						<li>Small screen rendering for Opera Mini disabled</li>
          </ul>
        <p>The requirement about Opera isn't mandatory, but recommended for the best visualization. This website hasn't been developed for a specific device, so if you encounter problems navigating that's probably a compatibility issue. <a href="mailto:developers@myTecfeed.com">Let us know about your problems</a>, so we can fix them and deliver a better product</p>
			<p class="top_link"><a href="#tab_wrapper">Top</a></p>
</div>
<div id="footer">
<p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10-blue"
        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
.
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
            alt="CSS Valido!" />
    </a>
</p>

</div>

</body>
</html>